<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>葫芦侠</title>

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/home.css">
</head>
 
<body>
    <!-- 头部 -->
    <header>
        <a class="search" href="">王国:两位君主</a>
        <a class="download" href=""><small>2</small></a>
        <a class="massage" href=""></a>
    </header>

    <!-- 版心 -->
    <div class="wrap">

        <!-- 轮播图 -->
        <nav>

            <div class="banner">
                <div class="item">
                    <div class="img">
                        <img src="./imgs/beaute-1.png" alt="">
                    </div>
                    <div class="text">
                        <h4>自动小球</h4>
                        <p>精巧小球，跟着小球进行物理模拟</p>
                    </div>
                </div>
            </div>

            <ul class="nav">
                <li><a href="">
                        <div class="img"><img src="./imgs/nav-1.png" alt=""></div>
                        <span>单机</span>
                    </a></li>
                <li><a href="">
                        <div class="img"><img src="./imgs/nav-2.png" alt=""></div>
                        <span>工具</span>
                    </a></li>
                <li><a href="">
                        <div class="img"><img src="./imgs/nav-3.png" alt=""></div>
                        <span>排行榜</span>
                    </a></li>
                <li><a href="">
                        <div class="img"><img src="./imgs/nav-4.png" alt=""></div>
                        <span>网游</span>
                    </a></li>
            </ul>
        </nav>

        <!-- 游戏列表区 -->
        <main>


            <!-- mod破解区 -->
            <div class="mod">

                <div class="item">
                    <div class="left">
                        <div class="img"><img src="./imgs/mod-1.png" alt=""></div>
                        <div class="text">
                            <h5>沙盒游戏</h5>
                            <p>steam移植 · 模拟 · 动作</p>
                        </div>
                    </div>
                    <div class="right"><a href="">下载</a></div>
                </div>
                <div class="item">
                    <div class="left">
                        <div class="img"><img src="./imgs/mod-2.png" alt=""></div>
                        <div class="text">
                            <h5>羊了个羊</h5>
                            <p>时间杀 · up自制 · 闯关</p>
                        </div>
                    </div>
                    <div class="right"><a href="">下载</a></div>
                </div>
                <div class="item">
                    <div class="left">
                        <div class="img"><img src="./imgs/mod-1.png" alt=""></div>
                        <div class="text">
                            <h5>沙盒游戏</h5>
                            <p>steam移植 · 模拟 · 动作</p>
                        </div>
                    </div>
                    <div class="right"><a href="">下载</a></div>
                </div>
                <div class="item">
                    <div class="left">
                        <div class="img"><img src="./imgs/mod-2.png" alt=""></div>
                        <div class="text">
                            <h5>羊了个羊</h5>
                            <p>时间杀 · up自制 · 闯关</p>
                        </div>
                    </div>
                    <div class="right"><a href="">下载</a></div>
                </div>

            </div>

            <!-- 多人游戏区 -->
            <div class="much">
                <div class="head">
                    <h5>多人的乐趣~</h5>
                    <a href="">更多</a>
                </div>
                <div class="body">
                    <ul>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                    </ul>
                </div>
            </div>

            <!-- 精品专题 -->
            <div class="beaute">
                <div class="head">
                    <h5>精品专题</h5>
                    <a href="">更多</a>
                </div>
                <div class="body">
                    <div class="img">
                        <img src="./imgs/beaute-1.png" alt="">
                    </div>
                </div>
            </div>

            <!-- 变态修改区 -->
            <div class="much">
                <div class="head">
                    <h5>人气bt网游</h5>
                    <a href="">更多</a>
                </div>
                <div class="body">
                    <ul>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                    </ul>
                </div>
            </div>

            <!-- mod破解区 -->
            <div class="mod mod-top">

                <div class="item">
                    <div class="left">
                        <div class="img"><img src="./imgs/mod-1.png" alt=""></div>
                        <div class="text">
                            <h5>沙盒游戏</h5>
                            <p>steam移植 · 模拟 · 动作</p>
                        </div>
                    </div>
                    <div class="right"><a href="">下载</a></div>
                </div>
                <div class="item">
                    <div class="left">
                        <div class="img"><img src="./imgs/mod-2.png" alt=""></div>
                        <div class="text">
                            <h5>羊了个羊</h5>
                            <p>时间杀 · up自制 · 闯关</p>
                        </div>
                    </div>
                    <div class="right"><a href="">下载</a></div>
                </div>
                <div class="item">
                    <div class="left">
                        <div class="img"><img src="./imgs/mod-1.png" alt=""></div>
                        <div class="text">
                            <h5>沙盒游戏</h5>
                            <p>steam移植 · 模拟 · 动作</p>
                        </div>
                    </div>
                    <div class="right"><a href="">下载</a></div>
                </div>
                <div class="item">
                    <div class="left">
                        <div class="img"><img src="./imgs/mod-2.png" alt=""></div>
                        <div class="text">
                            <h5>羊了个羊</h5>
                            <p>时间杀 · up自制 · 闯关</p>
                        </div>
                    </div>
                    <div class="right"><a href="">下载</a></div>
                </div>

            </div>

            <!-- 编辑推荐 -->
            <div class="beaute beaute-editor">
                <div class="head">
                    <h5>精品专题</h5>
                    <a href="">更多</a>
                </div>
                <div class="body">
                    <div class="img">
                        <img src="./imgs/beaute-2.png" alt="">
                    </div>
                    <h5>王国有一次陷入危机，靠你们了守卫军！</h5>
                </div>
            </div>

            <!-- 人生几何 -->
            <div class="much">
                <div class="head">
                    <h5>人生几何</h5>
                    <a href="">更多</a>
                </div>
                <div class="body">
                    <ul>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                    </ul>
                </div>
            </div>

            <!-- mod破解区 -->
            <div class="mod mod-top">

                <div class="item">
                    <div class="left">
                        <div class="img"><img src="./imgs/mod-1.png" alt=""></div>
                        <div class="text">
                            <h5>沙盒游戏</h5>
                            <p>steam移植 · 模拟 · 动作</p>
                        </div>
                    </div>
                    <div class="right"><a href="">下载</a></div>
                </div>
                <div class="item">
                    <div class="left">
                        <div class="img"><img src="./imgs/mod-2.png" alt=""></div>
                        <div class="text">
                            <h5>羊了个羊</h5>
                            <p>时间杀 · up自制 · 闯关</p>
                        </div>
                    </div>
                    <div class="right"><a href="">下载</a></div>
                </div>
                <div class="item">
                    <div class="left">
                        <div class="img"><img src="./imgs/mod-1.png" alt=""></div>
                        <div class="text">
                            <h5>沙盒游戏</h5>
                            <p>steam移植 · 模拟 · 动作</p>
                        </div>
                    </div>
                    <div class="right"><a href="">下载</a></div>
                </div>
                <div class="item">
                    <div class="left">
                        <div class="img"><img src="./imgs/mod-2.png" alt=""></div>
                        <div class="text">
                            <h5>羊了个羊</h5>
                            <p>时间杀 · up自制 · 闯关</p>
                        </div>
                    </div>
                    <div class="right"><a href="">下载</a></div>
                </div>

            </div>

            <!-- 精品专题 -->
            <div class="beaute">
                <div class="head">
                    <h5>精品专题</h5>
                    <a href="">更多</a>
                </div>
                <div class="body">
                    <div class="img">
                        <img src="./imgs/beaute-1.png" alt="">
                    </div>
                </div>
            </div>

            <!-- 新游超爽版 -->
            <div class="much">
                <div class="head">
                    <h5>新游超爽版</h5>
                    <a href="">更多</a>
                </div>
                <div class="body">
                    <ul>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-1.png" alt=""></div>
                                <p>王国:两位君主</p>
                            </a></li>
                        <li><a href="">
                                <div class="img"><img src="./imgs/much-2.png" alt=""></div>
                                <p>战争前线，全球行动</p>
                            </a></li>
                    </ul>
                </div>
            </div>


        </main>

    </div>

    <!-- 底部 -->
    <footer>
        <a class="con" href="./home.html">
            <div class="img"><img src="./imgs/footer-11.png" alt=""></div>
            <span>首页</span>
        </a>
        <a href="./community.html">
            <div class="img"><img src="./imgs/footer-2.png" alt=""></div>
            <span>社区</span>
        </a>
        <a class="icon" href="#">
            <div class="img"><img src="./imgs/footer-icon.png" alt=""></div>
            <span>启动修改器</span>
        </a>
        <a href="./found.html">
            <div class="img"><img src="./imgs/footer-3.png" alt=""></div>
            <span>发现</span>
        </a>
        <a href="./me.html">
            <div class="img"><img src="./imgs/footer-4.png" alt=""></div>
            <span>空间</span>
        </a>
    </footer>

</body>

</html>